<div class="col-12" >
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{.label}}</h3>
            <div class="card-tools">
                <div class="input-group input-group-sm" style="width: 250px;">
                    <a  class="btn btn-success btn-sm"  data-toggle="modal" data-target="#addModal">
                        <i class="fa fa-plus "></i>
                    </a>
                    <input id="search-key" type="text" name="table_search" class="form-control float-right" placeholder="Search" value="{{ .key }}">
                    <div class="input-group-append">
                        <a type="submit" class="btn btn-default" id="search-a">
                            <i class="fa fa-search" style="color: grey"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive p-0">
            <table class="table table-hover text-nowrap ">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>IDC名称</th>
                    <th>联系人</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                {{ range  .data_list }}
                    <tr>
                        <td>{{ .ID }}</td>
                        <td>{{ .IdcName }}</td>
                        <td>{{ .MgUser }}</td>
                        <td>{{ .Email }}</td>
                        <td>{{ .Mobile }}</td>
                        <td>
                            <a class="btn btn-xs btn-info" href="javascript:;" name="edit-idc" edit_id="{{ .ID }}" style="text-decoration:none;" data-toggle="tooltip" data-placement="top" title="" data-original-title="修改"><span class="fa fa-pencil"></span></a>
                            <a class="btn btn-xs btn-danger" href="javascript:;" name="del-idc" del_id="{{ .ID }}" style="text-decoration:none;" data-toggle="tooltip" data-placement="top" title="" data-original-title="删除"><span class="fa fa-trash"></span></a>
                        </td>
                    </tr>

                {{end}}

                </tbody>
            </table>
        </div>
        <!-- /.card-body -->
        <div class="card-footer clearfix">

        </div>
    </div>
    <!-- /.card -->
</div>

<!--模态框-->
<!--添加-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header color-back">
                <h6 class="modal-title pull-left" id="addModalLabel">添加</h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;font-family: -webkit-pictograph;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">IDC名称:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="IDC名称" id="idc-name">
                    </div>
                </div>
                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">管理员:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="管理员" id="mg-user">
                    </div>
                </div>
                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">邮箱:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="Email" id="email">
                    </div>
                </div>
                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">电话:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="mobile" id="mobile">
                    </div>
                </div>

            </div>

            <div class="modal-footer color-gray">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info" id="add-sub">提交</button>
            </div>
        </div>
    </div>
</div>
<!--/添加-->

<!--修改-->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header color-back">
                <h6 class="modal-title pull-left" id="editModalLabel">修改</h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;font-family: -webkit-pictograph;">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">IDC名称:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="IDC名称" id="edit-idc-name">
                    </div>
                </div>
                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">管理员:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="管理员" id="edit-mg-user">
                    </div>
                </div>
                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">邮箱:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="Email" id="edit-email">
                    </div>
                </div>
                <div class="form-group row" style="margin-top: 20px">
                    <label  class="col-sm-3 col-form-label text-right">电话:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control my-radius" placeholder="mobile" id="edit-mobile">
                    </div>
                </div>
            </div>

            <div class="modal-footer color-gray">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info" id="edit-sub">提交</button>
            </div>
        </div>
    </div>
</div>
<!--/修改-->

<!--/模态框-->
